@(testCaseForm: Form[Resource], projectId: Long, testSuiteId: Long, testCases: List[Resource])

@css = {
	<link rel="stylesheet" type="text/css" href="@routes.Assets.at("stylesheets/testcases/add.min.css")" />
	<link rel="stylesheet" type="text/css" href="@routes.Assets.at("stylesheets/testcases/list.min.css")" />
}

@main("Add test case", css) {
    
    <div class="resource-form-2-column">
		@helper.form(action = routes.TestCases.createTestCase(projectId, testSuiteId), 'enctype -> "multipart/form-data") {
			
			<div class="column">
				@helper.inputText(testCaseForm("name"), '_label -> "Test case name", '_help -> "A name is required")
		
				@helper.textarea(testCaseForm("description"), '_label -> "Description", 'class -> "input-description")
				
				@*<input type="file" name="file" />*@
			</div>
			
			<div class="column-wide">
				<input type="submit" value="Create test case" />
			</div>
			
		}
		
		<div class="clear-right"></div>
	</div>
	
	@controls.list(projectId, testSuiteId, testCases)
	
}
